<template>
 <div class="app-container">
    <el-table
    :data="tableData"
    style="width: 60%"   align="auto">
    <el-table-column
      label="床位总数"
      prop="date">
    </el-table-column>
    <el-table-column
      label="租用次数"
      prop="name">
    </el-table-column>
    <el-table-column
      label="总租金收益"
      prop="name">
    </el-table-column>
    <el-table-column
    >
     
     
     </el-table-column>
  </el-table>
 <el-row :gutter="12">
  <el-col :span="8">
    <el-card shadow="never">
      床位总数
      <h1>123123123</h1>
    </el-card>
  </el-col>
  <el-col :span="8">
    <el-card shadow="never">
      租用次数
      <h1>123123123</h1>
    </el-card>
  </el-col>
  <el-col :span="8">
    <el-card shadow="never">
     总租金收益
      <h1>123123123</h1>
    </el-card>
  </el-col>
</el-row>

  </div>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }],
      }
    },
    methods: {
   
    },
  }
</script>

<style>

</style>